<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>攀枝花智慧旅游后台系统</title>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header" th:fragment="header">
        <div class="layui-logo"><a style="color:#009688;" id="indexPage" href="http://localhost:8184/index.html">攀枝花智慧旅游</a></div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a  href="http://localhost:8184/index.html">网站首页</a></li>
            <!--<li class="layui-nav-item"><a href="">商品管理</a></li>-->
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="">后台网站管理系统</a></dd>
                    <!--<dd><a href="">消息管理</a></dd>-->
                    <!--<dd><a href="">授权管理</a></dd>-->
                </dl>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img id="iconImage" src="" class="layui-nav-img">
                    <span id="userName">攀小伙</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">修改密码</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a id="signOutBut" href="#">退了</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                </i>
                <li class="layui-nav-item layui-nav-itemed"><a href="index.html">欢迎首页</a></li>

                <li class="layui-nav-item ">
                    <a class="" href="#">用户中心</a>
                    <dl class="layui-nav-child">
                        <dd><a href="center.html">中心面板</a></dd>
                        <dd><a href="fundamental.html">基本资料</a></dd>
                        <dd><a href="javascript:;">身份信息</a></dd>
                        <dd><a href="javascript:;">修改密码</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">产品购买</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">特产购买</a></dd>
                        <dd><a href="javascript:;">酒店预订</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">贴子管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">发帖目录</a></dd>
                        <dd><a href="javascript:;">消息通知</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>


    <div class="layui-body">
        <!-- 内容主体区域 -->
        <!--<div style="padding: 15px;">内容主体区域</div>-->
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>攀枝花智慧旅游宣传页</legend>
        </fieldset>

        <div class="layui-collapse layui-col-md3">
            <div class="layui-colla-item">
                <h2 class="layui-colla-title">攀钢辉煌</h2>
                <div class="layui-colla-content layui-show">
                    攀钢集团是我国西部最大、中国重要的钢铁生产基地，中国最大的钒制品和铁路用钢生产基地，中国品种结构最齐全的无缝钢管生产基地及世界第二大产钒企业。
                </div>
            </div>
            <div class="layui-colla-item">
                <h2 class="layui-colla-title">阳光花城</h2>
                <div class="layui-colla-content ">
                    攀枝花就是木棉花，花朵呈火红色，而攀枝花的花期是在每年的三四月份，每逢花开季节，花朵犹如一团团燃烧的火焰，十分的壮观，而攀枝花同时也是广州市和高雄市的市花，阿根廷的国花！
                </div>
            </div>
            <div class="layui-colla-item">
                <h2 class="layui-colla-title">非物质文化遗产</h2>
                <div class="layui-colla-content ">
                    近年来，攀枝花市非物质文化遗产保护工作成效显著。目前全市共有省级非遗保护项目13项，市级非遗保护项目28项(包括省级13项)，县区级非遗保护项目55项(包括省级、市级的28项)。
                </div>
            </div>
        </div>
        <div class="layui-carousel layui-col-md9" id="test1" lay-filter="test1">
            <div carousel-item="">
                <div><img src="images/bg/bg1.jpg"></img></div>
                <div><img src="images/bg/bg2.jpg"></div>
                <div><img src="images/bg/bg3.jpg"></div>
            </div>
        </div>

    </div>
    <input type="hidden" id="parameterBind" th:value="${userInfo}"></input>
</div>
<script src="layui/layui.js"></script>
<script src="js/jquery.js"></script>
<script src="js/userAttr.js"></script>
<script>


    //layui窗口的索引值；
    var indexLayUiOpen;

    $(function () {
        //layui初始化；
        initLayui();
        //基础信息的回显；
        fundamentalSet();
        //对页面上的按钮进行事件的绑定；
        bindBut();

    });


    function bindBut() {
        $("#signOutBut").click(function () {
            // var id = $(this).attr("num");
            indexLayUiOpen = layer.open({
                content: '<h2 style="text-align: center; font-family: 楷体">确认退出吗？</h2>'
                , btn: ['确认退出', '取消']
                , yes: function (index, layero) {
                    // 按钮一的回调，退出
                    signOutUserInfo();
                    return false;
                },
                btn2: function (index, layero) {
                    //直接进行关闭
                }
                , cancel: function () {
                    //右上角关闭回调
                    // layer.msg("点击了关闭按钮！");
                }
            });
        })
    }

    function signOutUserInfo() {
        $.post("signout.html",function () {
            //关闭弹出层。煞费苦心。
            layer.close(indexLayUiOpen);
            window.open("http://39.107.45.130/index.html");
        });
    }


    function initLayui() {
        //JavaScript代码区域
        layui.use('element', function () {
            var element = layui.element;

        });
        layui.use(['carousel', 'form'], function () {
            var carousel = layui.carousel
                , form = layui.form;

            //常规轮播
            carousel.render({
                elem: '#test1'
                , width: '75%' //设置容器宽度
                , height: '500px'
                , arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });

    }

</script>

</body>
</html>